 view,input{
   box-sizing: border-box;
 }
 .main{
   width:100%;height:100%;	padding-bottom:40rpx;
   background: #4C527C;
 }
 .main1{
	 width:100%;
	 height:680rpx;
	 background: #949DE1;
	 border-radius: 0rpx 0rpx 0rpx 160rpx;
 }
 .main2{
   width:100%;
   height:562rpx;
   border-radius: 0rpx 0rpx 0rpx 160rpx;
   background: #FFFFFF
 }
 .p2-1{
   width:100%;height:244rpx;
   padding-left:24rpx;padding-right:40rpx;
   display:flex;
 }
 .pimg1{
	width: 150rpx;
	height: 150rpx;
	border-radius: 160rpx;
	margin-top:86rpx;
 }
 .p2-c{
   height:150rpx;
   margin-left:60rpx;
   margin-top:106rpx;
   width:444rpx;
 }
 .p2-c-1{
	height: 64rpx;
	font-size: 48rpx;
	font-family: Montserrat;
	font-weight: bold;
	color: #241332;
 }
 .p2-c-2{
  height: 38rpx;
  font-size: 28rpx;
  font-family: Montserrat;
  font-weight: 400;
  color: #78849E;
  margin-top:6rpx;	 
 }
 .pimg2{
	width:53rpx;height:53rpx;
	margin-top:106rpx;
 }
 .p2-r{
	width: 228rpx;
	height: 244rpx;
	border-radius: 50rpx;	
 }
 .pbtn{
	width: 180rpx;
	height: 54rpx;
	background:#DFDCE2;
	border-radius: 160rpx;
	display:flex;
	align-items: center;
	justify-content: center;	
	font-size: 26rpx;
	font-family: .PingFang SC;
	font-weight:600;
	color:#241332;
	margin:0 auto;
 }
 .pimg3{width:30rpx;height:36rpx;margin-right:10rpx;}
 .pimg4{width:40rpx;height:46rpx;margin-right:8rpx;}
 .p2-r-1{margin-top:12rpx;}
 .p2-r-2{margin-top:14rpx;}
 .p2-r-3{margin-top:32rpx;}
 .p2-2{
   width:100%;height:290rpx;
   display:flex;
   padding-left:64rpx;
   padding-right:64rpx;
 }
 .pimg5{width:48rpx;height:48rpx;margin-top:34rpx;}
 .p2-2-1{
   width:526rpx;height:290rpx;text-indent: 40rpx;	
	font-size: 30rpx;
	font-family: PingFang SC;
	font-weight: 500;
	line-height: 46rpx;
	color: #757575;
	margin-left:44rpx;
	background-image: url(https://ppp.new.zeroitem.cn/ppp/ps/3.png);
	background-repeat: no-repeat;
	background-size: 48rpx 48rpx;
	background-position: right bottom;
 }
 .pimg6{
   width:48rpx;height:48rpx;
 }
 .p3-3{
  height: 48rpx;
  padding:10rpx;
  background: #949DE1;
  border-radius: 18px;
  font-size: 18rpx;
  font-family: Montserrat;
  font-weight: 400;
  color: #FFFFFF;
  text-align:center;
  margin-left:614rpx;
 }
 .part2{
	 width:524rpx;height:90rpx;
	 display:flex;
	 margin-left:144rpx;margin-right:82rpx;
	 margin-top:14rpx;
	 align-items: center;
 }
 .pt2-1{
    width:148rpx;height:90rpx;
 }
 .ptline{width: 2rpx;
height: 80rpx;
background: #000000;
border-radius: 2rpx;

}
 .pt2-2{
   width:234rpx;height:90rpx;
   text-align:center;
 }
 .pt2-3{
 	width:138rpx;height:90rpx; 
	text-align:right;
 }
 .ptx-1{
	 height: 56rpx;
	 font-size: 42rpx;
	 font-family: Montserrat;
	 font-weight: bold;
	 color: #FFFFFF;
 }
 .ptx-2{
	 height: 28rpx;
	 font-size: 22rpx;
	 font-family: Montserrat;
	 font-weight: 400;
	 color: #FFFFFF;
 }
 .part3{
   height:72rpx;display:flex;
   align-items:center;
   margin-top:22rpx;
   justify-content:space-around;
 }
 .part3-1{
   width:200rpx;
   height:72rpx;	
	font-size: 30rpx;
	font-family: .PingFang SC;
	font-weight:600;
	color: #FFFFFF;
	letter-spacing: 4rpx;
	display:flex;align-items: center;
	justify-content: center;

 }
 .part3-2{
   width:200rpx;
   height:72rpx;	
	font-size: 30rpx;
	font-family: .PingFang SC;
	font-weight:600;
	color: #FFFFFF;
	letter-spacing: 4rpx;
	display:flex;align-items: center;
	justify-content: center;
 }
 
 .part3-3{
    width:200rpx;
    height:72rpx;	
	font-size: 30rpx;
	font-family: .PingFang SC;
	font-weight:600;
	color: #FFFFFF;
	letter-spacing: 4rpx;
	display:flex;align-items: center;
	justify-content: center;
 } 
 
 
 
 .pcur{
   font-size:36rpx !important;
   border-bottom:1rpx solid #fff;
 }
 .part4{width: 72rpx;height: 0px;
   border: 2rpx solid #FFFFFF;
 margin-left:204rpx;
}
 .part4-1{width: 72rpx;height: 0px;
   border: 2rpx solid #FFFFFF;
    margin-left:480rpx;
}
.part5{
	width:100%;
	height: 524rpx;
	background: #949DE1;
	border-radius: 42rpx;
    margin-top:80rpx;
	border:1rpx;
    box-sizing: border-box;
}
.part5-1{
  width:100%;height:52rpx;
  display:flex;align-items: center;
  justify-content:space-around;
  padding-right:20rpx;
  box-sizing: border-box;
  margin-top:-100rpx;
}
.p5-1-1{
  width: 540rpx;
  font-size: 24rpx;
  font-family: Montserrat;
  font-weight: 400;
  color: #FFFFFF;
  padding-left:26rpx;
}
.p5-1-2{
 font-size: 24rpx;
 font-family: Montserrat;
 font-weight: bold;
 color: #FFFFFF;
 display:flex;align-items: center;
}
.pimg8{
  width:48rpx;height:48rpx;
  margin-left:6rpx;
}
.part5-2{
  width:100%;height:54rpx;
  display:flex;align-items: center;	
}
.p5-2-1{
 width: 86rpx;
 font-size: 26rpx;
 font-family: Montserrat;
 font-weight: bold;
 color: #FFFFFF;
 margin-left:48rpx;	
}
.pimg9{
  width:30rpx;height:30rpx;
  margin-left:250rpx;
}
.p5-2-2{
font-size:30rpx;
font-family: .PingFang SC;
font-weight:500;
color: #FFFFFF;
letter-spacing: 4rpx;
margin-left:6rpx;	
}
.pimg7{
	width:100%;height:400rpx;
}
 
 .mask{
  background-color: rgba(0, 0, 0, 0.2);
  z-index:10;
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
 }
 
 .qtc{
  z-index:100;
  position:absolute;
  top:400rpx;
  left:48rpx;
  width: 654rpx;
  height: 452rpx;
  background: #FEFCFF;
 border-radius: 0rpx 160rpx 0rpx 160rpx; 
 }
 .tctxt-1{
   width: 348rpx;
   height: 98rpx;
   font-size: 36rpx;
   font-family: Arial Rounded MT;
   font-weight: bold;
   line-height: 50rpx;
   color: #DFDCE2;
   margin-top:36rpx;
   margin-left:40rpx;
 }
 .txt1{
   width:536rpx!important;
   height:130rpx !important;
 }
 .txt2{
   margin-top:54rpx !important;
 }
 .tctxt-2{
  width: 100%;
  height: 72rpx;
  font-size: 50rpx;
  font-family: .PingFang SC;
  font-weight: 600;
  color: #000000;
  margin-top:22rpx;
  padding-left:174rpx;
 }
 .tcbtn1{
   width:100%;
   height:88rpx;
   display:flex;
   align-items: center;
   justify-content:flex-end;
   margin-top:86rpx;
   padding-right:48rpx;
 }
 .btnm{margin-top:38rpx !important;}
 .tcbtn{
     width: 160rpx;
     height: 88rpx;
     border-radius: 160rpx;
 	font-size: 30rpx;
 	font-family: .PingFang SC;
 	font-weight: 400;
 	color: #FFFFFF;
 	display:flex;
 	align-items: center;
 	justify-content: center;
 }
 .btn1{background: #9599B3;}
 .btn2{background:#8A56AC;margin-left:16rpx;}
 .txt1-1{
	font-size: 36rpx;
	font-family: Arial Rounded MT;
	font-weight: bold;
	color: #98959B;
 }
 .txt1-2{
	 font-size: 20rpx;
	 font-family: Arial Rounded MT;
	 font-weight: bold;
	 color: #98959B;
 }
 .txt3{margin-top:18rpx !important;}
 .ppm-1{
  display:flex;
  align-items:center;
  padding-left:26rpx;
 }
 .pm1{
  width:534rpx; 
  font-size: 40rpx;
  font-family: .PingFang SC;
  font-weight: 600;
  color: #000000;
 }
 .pm2{
  width:38rpx;height:38rpx;
 }
 .qtcm{height:622rpx !important;}
 .ppm1{
	font-size: 20rpx;
	font-family: Arial Rounded MT;
	font-weight: bold;
	color: #98959B;
	margin-top:10rpx;
 }
 .cha{
  font-weight:bold;padding-left:50rpx;
  text-decoration: underline;color:#ffff;
  display:flex;
  align-items: center;
 }
 .playbtn{
   width:100rpx;height:100rpx;
   background:url("https://ppp.new.zeroitem.cn/ppp/play.png"); 
   background-size:100rpx 100rpx;
   z-index:1000;
   position:relative;
   top:40%;left:50%;
   opacity: 0.7;
   margin-left:-50rpx;
   margin-top:-50rpx;
 }
 .playbtn1{width:100rpx;height:100rpx;z-index:-10;
   position:relative;
   top:40%;left:50%;
   opacity: 0.7;
   margin-left:-50rpx;
   margin-top:-50rpx;
   }
   
   
   .cp1{height:100rpx; display:flex;margin-top:66rpx;padding-left:40rpx;}
   .cp1-1{
   	 font-size: 40rpx;
   	 font-family: Montserrat;
   	 font-weight: bold;
   	 color: #FFFFFF;
   	 opacity: 1;width:410rpx;
   }
   .cp1-2{
   	 
   }
   .cp2{
    height:72rpx;display:flex;align-items: center;
    padding-top:32rpx;
    justify-content: center;
    }
   .cp2-1{
   	width: 164rpx;
   	font-family: .PingFang SC;
   	letter-spacing: 4rpx;	
   	font-size: 30rpx;
   	font-weight: 600;
   	color: #FFFFFF;				
   }
   .qcur1{
   	color: #EEB766;
   	font-size: 36rpx;
   }
   .cline2{
   	 width: 110rpx;
   	 background: #EEB766;
   	 border: 1rpx solid #EEB766;
   	  margin:0 auto;
   	  margin-top:10rpx;
   }
   
   .cp2-2{
   	 width: 2rpx;
   	 height: 72rpx;
   	 border: 2rpx solid #949DE1;
   	 opacity: 1;
   	 margin-left:52rpx;
   }
   .cp2-3{
   	width: 164rpx;
   	font-family: .PingFang SC;
   	font-size: 30rpx;
   	font-weight: 600;
   	color: #FFFFFF;		
   	letter-spacing: 4rpx;
   	opacity: 1;	
   	margin-left:74rpx;
   	}
   .qcur2{
   	color: #EEB766;
   	font-size: 36rpx;
   }	
   .mmp{
    height:84rpx;
    width:558rpx;
    display:flex;
    align-items: center;
    justify-content: space-between;
    margin:0 auto;
   }
   .mmp1{
     width: 28rpx;
     height: 28rpx;
     border-radius: 50%;
   }
   .op1{background: #949DE1;}
   .mmp2{
   	 width: 136rpx;
   	 font-size: 32rpx;
   	 font-family: .PingFang SC;
   	 font-weight: 400;
   	 color: #FFFFFF;
   }
   .mmp3{
   	width: 340rpx;
   	font-size: 24rpx;
   	font-family: .PingFang SC;
   	font-weight: 400;
   	color: #FFFFFF;
   	text-align: right;
   }
   	
   	
   	.cp3{
   	 height:24rpx;display:flex; align-items: center;
   	 justify-content: space-around;
   	 }
   	 .cp3-1{
   		font-size: 22rpx;
   		font-family: Montserrat;
   		font-weight: 600;
   		color: #FFFFFF;
   		opacity: 1;
   		text-align:center;
   		width:70rpx;
   	 }
   	 .cp4{
   	   display:flex; align-items: center;
   	   justify-content: space-around;
   	 }
   	 .cp4-1{
   	   width:70rpx;height:70rpx;border-radius:50%;
   	   overflow:hidden;
   	   font-size: 18rpx;
   	   font-family: Montserrat;
   	   font-weight:600;
   	   color: #FFFFFF;
   	   opacity: 1;
   	   background-color:#4C527C ;
   	   margin-top:30rpx;
         margin-left:14rpx;
   	 } 
   	  .mp1{height:23rpx;width:70rpx;}  
   	  .mp2{
   	    height:24rpx;display:flex;align-items: center;
   		justify-content: center;
   	  }
   	 .mp3{height:23rpx;width:70rpx;}
   	  .cur1,.cur2,.cur3,.cur4,.cur5,.cur6,.cur7,.cur8{border: 2px solid #707070;}
   	.cur6 .mp1, .cur4 .mp1, .cur1 .mp1{background-color:#949DE1 !important;}
   	.cur5 .mp2,  .cur4 .mp2,.cur2 .mp2{
   		background: #9599B3 !important;
   		border-top: 1px solid #707070 !important;
   		border-bottom: 1px solid #707070 !important;
   		opacity: 1 !important;
   	  }
   	.cur6 .mp3,.cur5 .mp3,.cur3 .mp3{
         background-color:#949DE1 !important;
   	  }
   	 .cur7,.cur8{background-color:#669965 !important;}
   	 .cur8{position:relative;overflow:visible!important;}
   	 .jia{
   		 width: 8rpx;
   		 height: 16rpx;
   		 font-size: 13rpx;
   		 font-family: Montserrat;
   		 font-weight: 600;
   		 color: #EEB766;
   		 opacity: 1;
   		 position:absolute;
   		 right:4rpx;
   		 top:-8rpx;
   	 }
   	 .cline5{
   		width: 558rpx;
   	    border: 2rpx solid #998FA2;
   		opacity: 0.14;
   		margin:0 auto;
   		
   	 }